{template 'header'}
<link rel="stylesheet" href="../addons/mx_shop/resources/cgc/css/member/qrcode.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
<body>
    <div class="content" id="content">
        <!--上部部分-->
        <div class="top-o">
            <div class="top-t">
                <!--头部栏部分-->
                <header class="mui-bar mui-bar-nav" style="background-image:url(../addons/mx_shop/resources/cgc/images/qrcode6.png);background-color: transparent;border-bottom: 1px solid #94ccfc;-webkit-box-shadow:none;background-size: 100% 100%;">
                    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;"></a>
                    <h1 class="mui-title" id="title" style="color: white;letter-spacing: 2px;" v-cloak>{{title}}</h1>
                </header>
            </div>
        </div>
        <!--下部部分-->
        <div class="bottom" @click="click"></div>
        <!--中间卡片部分-->
        <div class="center">
            <!--卡片头像部分-->
            <div class="photo">
                <img src="../addons/mx_shop/resources/cgc/images/qrcode2.png">
            </div>
            <!--卡片信息部分-->
            <div class="info">
                <span class="cgc">CGC全球智慧**</span>
                <br>
                <span class="account">账号:186******74</span>
            </div>
            <!--卡片二维码部分-->
            <div class="code-out"></div>
            <div class="code">
                <img src="../addons/mx_shop/resources/cgc/images/qrcode4.png">
            </div>
            <!--卡片标语部分-->
            <div class="slogan"></div>
            <!--卡片长按部分-->
            <div class="press">
                <span style="color:#626262">长按此图识别二维码，加盟CGC智慧产业联盟</span>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../addons/mx_shop/resources/cgc/js/member/qrcode.js"></script>
</html>